<!DOCTYPE html>
<html>
<!-- Mirrored from www.zi-han.net/theme/hplus/index_v1.html?v=4.0 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:20 GMT -->
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--360浏览器优先以webkit内核解析-->
  <title>H+ 后台主题UI框架 - 主页示例</title>
  <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  <link href="css/animate.min.css" rel="stylesheet">
  <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="row  border-bottom white-bg dashboard-header">
  <div class="col-sm-12">
    <blockquote class="text-warning" style="font-size:14px">您是否需要自己做一款后台、会员中心等等的，但是又缺乏html等前端知识…
      <br>您是否一直在苦苦寻找一款适合自己的后台主题…
      <br>您是否想做一款自己的web应用程序…
      <br>…………
      <h4 class="text-danger">那么，现在H+来了</h4>
    </blockquote>
    <hr>
  </div>
  <div class="col-sm-3">
    <h2>Hello,Guest</h2>
    <small>移动设备访问请扫描以下二维码：</small>

  </div>
  <div class="col-sm-5">
    <h2>
      H+ 后台主题UI框架
    </h2>
    <p>H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如<b>网站管理后台</b>，<b>网站会员中心</b>，<b>CMS</b>，<b>CRM</b>，<b>OA</b>等等，当然，您也可以对她进行深度定制，以做出更强系统。</p>
    <p>
      <b>当前版本：</b>v4.1.0
    </p>

    <br>
    <p>
      <a class="btn btn-success btn-outline" href="http://wpa.qq.com/msgrd?v=3&amp;uin=516477188&amp;site=qq&amp;menu=yes" target="_blank">
        <i class="fa fa-qq"> </i> 联系我
      </a>
      <a class="btn btn-white btn-bitbucket" href="http://www.zi-han.net/" target="_blank">
        <i class="fa fa-home"></i> 访问博客
      </a>
    </p>
  </div>
  <div class="col-sm-4">
    <h4>H+具有以下特点：</h4>
    <ol>
      <li>完全响应式布局（支持电脑、平板、手机等所有主流设备）</li>
      <li>基于最新版本的Bootstrap 3.3.6</li>
      <li>提供3套不同风格的皮肤</li>
      <li>支持多种布局方式</li>
      <li>使用最流行的的扁平化设计</li>
      <li>提供了诸多的UI组件</li>
      <li>集成多款国内优秀插件，诚意奉献</li>
      <li>提供盒型、全宽、响应式视图模式</li>
      <li>采用HTML5 & CSS3</li>
      <li>拥有良好的代码结构</li>
      <li>更多……</li>
    </ol>
  </div>

</div>
<div class="wrapper wrapper-content">
  <div class="row">
    <div class="col-sm-4">

      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>二次开发</h5>
        </div>
        <div class="ibox-content">
          <p>我们提供基于H+的二次开发服务，具体费用请联系作者。</p>
          <p>同时，我们也提供以下服务：</p>
          <ol>
            <li>基于WordPress的网站建设和主题定制</li>
            <li>PSD转WordPress主题</li>
            <li>PSD转XHTML</li>
            <li>Html页面（CSS+XHTML+jQuery）制作</li>
          </ol>
        </div>
      </div>
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>联系信息</h5>

        </div>
        <div class="ibox-content">
          <p><i class="fa fa-send-o"></i> 博客：<a href="http://www.zi-han.net/" target="_blank">http://www.zi-han.net</a>
          </p>
          <p><i class="fa fa-qq"></i> QQ：<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=516477188&amp;site=qq&amp;menu=yes" target="_blank">516477188</a>
          </p>

        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>更新日志</h5>
        </div>
        <div class="ibox-content no-padding">
          <div class="panel-body">
            <div class="panel-group" id="version">

              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#version" href="#v13">v1.3.0</a><code class="pull-right">2014.12.21</code>
                  </h4>
                </div>
                <div id="v13" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ol>
                      <li>加入阿里巴巴团队的字体图标库，字体图标可以自定义啦； <a href="iconfont.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>新增头像裁剪上传组件FullAvatareditor； <a href="form_avatar.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>集成网页弹层插件layer； <a href="layer.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>集成日期选择器layerDate； <a href="layerdate.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li class="text-danger"><b>增加web即时通讯功能，可以在系统内在线聊天了；</b> <a href="webim.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>增加主题预览功能，点击右上侧齿轮图标预览；</li>
                      <li>增加左侧边栏固定功能；</li>
                      <li>修复了多处问题。</li>
                    </ol>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#version" href="#v12">v1.2.0</a><code class="pull-right">2014.12.05</code>
                  </h4>
                </div>
                <div id="v12" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ol>
                      <li>新增百度WebUploader拖动上传文件组件；<a href="form_webuploader.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>新增国产优秀富文本编辑器插件Simditor；<a href="form_simditor.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>新增百度ECharts统计图表插件；<a href="form_simditor.html" title="去看看"><i class="fa fa-eye"></i></a>
                      </li>
                      <li>修复了几处问题。</li>
                    </ol>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#version" href="#v11">v1.1.0</a><code class="pull-right">2014.11.18</code>
                  </h4>
                </div>
                <div id="v11" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ol>
                      <li>修复了几处问题。</li>
                    </ol>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#version" href="#v11">v1.0.0</a><code class="pull-right">2014.11.10</code>
                  </h4>
                </div>
                <div id="v11" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ol>
                      <li>Hplus正式发布。</li>
                    </ol>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>购买说明</h5>
        </div>
        <div class="ibox-content">
          <p>购买后我可以获得什么？</p>
          <ol>
            <li>所有源码(未压缩、带注释版本)；</li>
            <li>说明文档；</li>
            <li>终身免费升级服务；</li>
            <li>必要的技术支持；</li>
            <li>付费二次开发服务；</li>
            <li>授权许可；</li>
            <li>……</li>
          </ol>
          <hr>

        </div>
      </div>
    </div>
  </div>
</div>
<script id="welcome-template" type="text/x-handlebars-template">
  <div class="border-bottom white-bg page-heading clearfix">
    <h2>更新日志：</h2>
    <div>今天是情人节，H+终于跨到了v3.0，就算是情人节礼物吧，感谢你们的不离不弃，一路相伴！</div>
    <div class="pull-right">——Beau-zihan / 2015.8.20</div>
  </div>
  <div class="m">
    <div class="tabs-container">
      <div class="tabs-left">
        <ul class="nav nav-tabs">
          <li class="active">
            <a data-toggle="tab" href="#layouts"><i class="fa fa-columns"></i> 布局
            </a>
          </li>
          <li>
            <a data-toggle="tab" href="#new"><i class="fa fa-plus-square"></i> 新增
            </a>
          </li>
          <li>
            <a data-toggle="tab" href="#update"><i class="fa fa-arrow-circle-o-up"></i> 升级
            </a>
          </li>
          <li>
            <a data-toggle="tab" href="#revise"><i class="fa fa-pencil"></i> 修正
            </a>
          </li>
          <li>
            <a data-toggle="tab" href="#optimize"><i class="fa fa-magic"></i> 优化
            </a>
          </li>
        </ul>
        <div class="tab-content" style="line-height:1.8em;">
          <div id="layouts" class="tab-pane active">
            <div class="panel-body">
              <ol class="no-left-padding">
                <li class="text-danger"><b>推荐：</b>期待已久的contentTabs效果，支持关闭、双击刷新、左右滑动等；</li>
                <li>固定左侧主菜单栏，并对菜单项做了新的调整；</li>
                <li>增加右侧面板及聊天窗口等。</li>
              </ol>

              <p style="margin-left:25px;">
              <hr><span class="label label-danger">特别致谢</span> 感谢[子·梦]同学提供的contentTabs优化方案和代码！</p>
            </div>
          </div>
          <div id="new" class="tab-pane">
            <div class="panel-body">
              <ol class="no-left-padding">
                <li>表单：搜索自动补全插件suggest、高级表单插件（时间选择，切换按钮，图像裁剪上传，单选复选框美化，文件域美化等)等；</li>
                <li>图表：图表组合页面等；</li>
                <li>页面：团队、社交、客户管理、文章列表、文章详情、新登录页面等；</li>
                <li>UI元素：竖向选项卡、拖动面板、文本对比、加载动画、SweetAlert等；</li>
                <li>相册：layer相册、Blueimp相册等；</li>
                <li>表格：FooTables等。</li>
              </ol>
            </div>
          </div>
          <div id="update" class="tab-pane">
            <div class="panel-body">
              <ol>
                <li>页面弹层插件layer升级至1.9.3；</li>
                <li>更新jqgrid，支持树形表格；</li>
                <li>更新帮助文档。</li>
              </ol>
            </div>
          </div>
          <div id="revise" class="tab-pane">
            <div class="panel-body">
              <ol>
                <li>jstree、Simditor等多处错误；</li>
                <li>页面加载进度提示；</li>
                <li>Glyphicon字体图标不显示的问题；</li>
                <li>重新整理开发文档；</li>
              </ol>
            </div>
          </div>
          <div id="optimize" class="tab-pane">
            <div class="panel-body">
              <ol>
                <li>H+整体视觉效果；</li>
                <li>jstree默认主题显示效果；</li>
                <li>表单验证显示效果；</li>
                <li>iCheck显示效果；</li>
                <li>Tabs显示效果。</li>
              </ol>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="alert alert-warning alert-dismissable m-t-sm">
      <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
      同时这也是一个示例，演示了如何从iframe中弹出一个覆盖父页面的层。
    </div>
  </div>
</script>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/layer/layer.min.js"></script>
<script src="js/content.min.js"></script>
<script src="js/welcome.min.js"></script>
</body>
<!-- Mirrored from www.zi-han.net/theme/hplus/index_v1.html?v=4.0 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:20 GMT -->
</html>
